// 创建一个路由器，并暴露出去

// 两个注意点
/*
1. `history`模式
    优点：`URL`更加美观，不带有`#`，更接近传统的网站`URL`。
    缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有`404`错误。
2. `hash`模式
    优点：兼容性更好，因为不需要服务器端处理路径。
    缺点：`URL`带有`#`不太美观，且在`SEO`优化方面相对较差。
*/

// 第一步：引入createRouter
import { createRouter, createWebHistory,createWebHashHistory } from 'vue-router'
// 引入一个一个可能要呈现组件
import Home from '@/pages/home.vue'
import News from '@/pages/news.vue'
import About from '@/pages/about.vue'

// 第二步：创建路由器
const router = createRouter({
    history: createWebHashHistory(), //路由器的工作模式
    routes: [
        { path: '/home', component: Home },
        { path: '/news', component: News },
        { path: '/about', component: About },
    ]
})
// 暴露出去router
export default router